<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <title>杭州顶益工厂数据驾驶舱</title>
    <script src="<%= BASE_URL %>/config.js"></script>
    
    <style>
      * {
        padding: 0;
        margin: 0;
      }
      .container-box {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        background-color: #080915;
      }
      .loader {
        position: relative;
        margin: auto;
        width: 60px;
        height: 100%;
        border-radius: 50%;
      }
      .loader-17 .css-square {
        position: absolute;
        top: 50%;
        width: 25px;
        height: 7px;
        background: #fff;
        box-shadow: 2px 2px 3px 0 #000;
      }
      .loader-17 .square1 {
        left: 70px;
        -webkit-animation: dominos 1s 125ms ease infinite;
        animation: dominos 1s 125ms ease infinite;
      }
      .loader-17 .square2 {
        left: 60px;
        -webkit-animation: dominos 1s 0.3s ease infinite;
        animation: dominos 1s 0.3s ease infinite;
      }
      .loader-17 .square3 {
        left: 50px;
        -webkit-animation: dominos 1s 425ms ease infinite;
        animation: dominos 1s 425ms ease infinite;
      }
      .loader-17 .square4 {
        left: 40px;
        -webkit-animation: dominos 1s 0.54s ease infinite;
        animation: dominos 1s 0.54s ease infinite;
      }
      .loader-17 .square5 {
        left: 30px;
        -webkit-animation: dominos 1s 665ms ease infinite;
        animation: dominos 1s 665ms ease infinite;
      }
      .loader-17 .square6 {
        left: 20px;
        -webkit-animation: dominos 1s 0.79s ease infinite;
        animation: dominos 1s 0.79s ease infinite;
      }
      .loader-17 .square7 {
        left: 10px;
        -webkit-animation: dominos 1s 0.9s ease infinite;
        animation: dominos 1s 0.9s ease infinite;
      }
      .loader-17 .square8 {
        left: 0;
        -webkit-animation: dominos 1s 1s ease infinite;
        animation: dominos 1s 1s ease infinite;
      }
      @-webkit-keyframes dominos {
        50% {
          opacity: 0.7;
        }
        75% {
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
        }
        80% {
          opacity: 1;
        }
      }
      @keyframes dominos {
        50% {
          opacity: 0.7;
        }
        75% {
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
        }
        80% {
          opacity: 1;
        }
      }
    </style>
  </head>
  <body>
    <noscript>
      <strong
        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please
        enable it to continue.</strong
      >
    </noscript>
    <div id="app">
      <section class="container-box">
        <div class="loader loader-17">
          <div class="css-square square1"></div>
          <div class="css-square square2"></div>
          <div class="css-square square3"></div>
          <div class="css-square square4"></div>
          <div class="css-square square5"></div>
          <div class="css-square square6"></div>
          <div class="css-square square7"></div>
          <div class="css-square square8"></div>
        </div>
      </section>
    </div>
    <!-- built files will be auto injected -->
  </body>
  <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
</html>
